<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>移动网站</title>

    <link rel="stylesheet" href="//at.alicdn.com/t/font_770112_kffs5nidvt.css">
    <link rel="stylesheet" href="../css/yidong.css">

</head>
<body>
<!-- 网页头部 开始 -->
<header>
    <div class="safe">
        <div class="clear">
            <div class="f-left left">
                <span>ENGLISH</span>
                <span class="zqkh">政企客户</span>
            </div>

            <div class="f-right right">
                <div>
                    <i class="iconfont icon-yonghu"></i>
                    <span>登陆</span>
                    <i class="iconfont icon-shouji"></i>
                    <span>手机营业厅</span>
                    <span>积分商城</span>
                    <span class="none">关于中国移动</span>
                </div>
            </div>
        </div>
    </div>
</header>
<!-- 网页头部 结束 -->

<!-- 第一层 搜索栏 开始 -->
<section id="floor1">
    <div class="safe clear">
        <div class="f-left clear">
            <div class="logo-1 f-left">
                <img src="../image/logo-1.png">
            </div>
            <div class="logo-2 f-left">
                <img src="../image/logo-2.png">
            </div>
            <!--下拉三角形 及选择制作 -->
            <select>
                <option value="fz">福州</option>
                <option value="xm">厦门</option>
                <option value="nd">宁德</option>
                <option value="pt">莆田</option>
                <option value="qz">泉州</option>
                <option value="zz">漳州</option>
                <option value="ly">龙岩</option>
                <option value="sm">三明</option>
                <option value="np">南平</option>
            </select>
        </div>

        <div class="f-right">
            <div>
                <input type="text" value="两城一家">
                <button type="button">
                    <i class="iconfont icon-sousuo"></i>搜索
                </button>
            </div>
            <div class="as">
                <a href="#">买1G赠1G</a>
                <a href="#">宽带</a>
                <a href="#">通话记录查询</a>
                <a href="#">家庭网</a>
                <a href="#">神州行</a>
                <a href="#">选号入网</a>
            </div>
        </div>
    </div>
</section>
<!-- 第一层 搜索栏 结束 -->


<!-- 导航栏一 开始 -->
<div id="nav">
    <nav class="safe navs">
        <a href="#">首页</a>
        <a href="#">移动商城</a>
        <a href="#">我的移动</a>
        <a href="#">网上营业厅</a>
        <a href="#" class="pad-none">服务与支持</a>
    </nav>

</div>
<!-- 导航栏一 结束 -->


<!-- 第二层 营业厅定位 开始 -->
<section id="floor2">
    <div class="safe clear">
        <div class="f-left left">
            <i class="iconfont icon-address"></i>
            <span>营业厅导航</span>
        </div>
        <div class="f-left right">
            <i class="iconfont icon-fangzi"></i>
            <span>您现在所在的位置：首页>网上营业厅>宽带专区</span>
        </div>
    </div>
</section>
<!-- 第二层 营业厅定位 结束 -->


<!-- 第三层 登录 开始 -->
<section id="floor3">
    <div class="safe clear">
        <div class="f-left">
            <img src="../image/ad.jpg">
        </div>
        <div class="f-right">
            <div class="f-left clear up">
                <div class="up-1 clear">
                    <div class="tx f-left"></div>
                    <span class="f-left">亲爱的用户，您好~<br/>欢迎登录宽带/互联网电视专区</span>
                </div>
                <div class="up-2 clear">
                    <button type="button" class="f-left">我的宽带信息</button>
                    <button type="button" class="f-left">我的互联网电视信息</button>
                </div>
                <ul class="up-3">
                    <li>
                        <span>宽带账号：</span>
                        <select>
                            <option value="a">13615040856</option>
                            <option value="b">12121212121</option>
                            <option value="c">18989898989</option>
                        </select>
                    </li>
                    <li>
                        <span>当前宽带：</span>
                        <span class="sp2">20M</span>
                    </li>
                    <li>
                        <span>宽带状态：</span>
                        <span class="sp2">正常</span>
                    </li>
                    <li>
                        <span>到期时间：</span>
                        <span class="sp2">2016年10月01日</span>
                    </li>
                    <li>
                        <span>宽带续费：</span>
                        <button type="button" class="bt02">续费此宽带</button>
                    </li>
                    <li>
                        <span>新装进度：</span>
                        <button type="button" class="bt02">查询新装进度</button>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</section>
<!-- 第三层 登录 结束 -->

<!-- 第四层 广告 开始 -->
<section id="floor4">
    <div class="safe clear">
        <div class="f-left">
            <img src="../image/ad-1.jpg">
            <img src="../image/ad-2.jpg">
            <img src="../image/ad-3.jpg">
            <img src="../image/ad-4.jpg">
        </div>
    </div>
</section>
<!-- 第四层 广告 结束 -->


<!-- 导航栏二 开始 -->
<div id="nav2">
    <div class="safe">
        <nav class="clear nav2">
            <div class="f-left a1">
                <a href="#">宽带新装</a>
            </div>
            <div class="f-left a2">
                <a href="#">宽带续费</a>
            </div>
            <div class="f-left a3">
                <a href="#">宽带提速</a>
            </div>
            <div class="f-left a4">
                <a href="#">互联网电视</a>
            </div>
        </nav>
    </div>
</div>
<!-- 导航栏二 结束 -->


<!-- 第五层 详细信息 开始 -->
<section id="floor5">
    <div class="safe">
        <div class="wk clear">  <!-- 外框 -->
            <div class="kuan f-left">
                <img src="../image/1-train.png">
            </div>
            <div class="f-left">
                <div class="up">
                    <span>手机号码：</span>
                    <div class="hov dis">
                        <input type="text" value=" 150123456789">
                    </div>
                    <span>宽带账号：</span>
                    <div class="hov dis">
                        <input type="text" value=" 13615040856">
                    </div>
                    <span>装机地址：</span>
                    <div class="hov dis">
                        <input type="text" value="福州市鼓楼区铜盘路五凤小区3#304">
                    </div>
                </div>

                <div class="down clear">
                    <span class="f-left">套餐信息：</span>
                    <table class="f-left">
                        <thead>
                        <tr class="tr1">
                            <td>类型</td>
                            <td>套餐名称</td>
                            <td>速率</td>
                            <td>时限</td>
                            <td>资费</td>
                            <td class="td-right">到期时间</td>
                        </tr>
                        </thead>
                       <tbody>
                       <tr class="tr2">
                           <td>包年型套餐</td>
                           <td>20M宽带包年600元</td>
                           <td>20M</td>
                           <td>12个月</td>
                           <td>600元</td>
                           <td>2016年09月30日</td>
                       </tr>
                       </tbody>
                    </table>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 第五层 详细信息 结束 -->


<!-- 第六层 选择 开始 -->
<section id="floor6">
    <div class="safe">
        <div class="sheet">
            <div class="first-line">
                <span class="dis">城市：</span>
                <i>不限</i>
                <span>福州</span>
                <span>厦门</span>
                <span>宁德</span>
                <span>莆田</span>
                <span>泉州</span>
                <span>漳州</span>
                <span>龙岩</span>
                <span>三明</span>
                <span>南平</span>
            </div>
            <div class="second-line">
                <span class="dis">带宽：</span>
                <i>不限</i>
                <span>20M</span>
                <span>50M</span>
                <span>100M</span>
            </div>
            <div class="third-line">
                <span class="dis">时限：</span>
                <i>不限</i>
                <span>保底</span>
                <span>包月</span>
                <span>包年</span>
                <span>包两年</span>
            </div>
            <div class="fourth-line">
                <span class="dis">产品类型：</span>
                <i>不限</i>
                <span>限时特惠</span>
                <span>4G融合套餐</span>
                <span>纯宽带</span>
                <input type="radio">
                <span class="show">只显示</span>
                <span class="limit">限时特惠</span>
            </div>
        </div>
    </div>
</section>
<!-- 第六层 选择 结束 -->


<!-- 第七层 产品介绍 开始 -->
<section id="floor7">
    <div class="safe clear">
        <!--第1个：-->
        <div class="f-left pro">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-home"></i>
                <span>和家庭</span>
            </div>
            <div class="div02">
                <div class="div02-1 png1">
                    <div class="text1">
                        <div class="w-y">
                            <p>399元享1年20M宽带送话费</p>
                            <span>
                                1、套餐费399元/年，按月摊分，年末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <p>399元享1年20M宽带送话费</p>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">40</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>

        <!--第2个：-->
        <div class="f-left pro">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-home"></i>
                <span>和家庭</span>
            </div>
            <div class="div02">
                <div class="div02-1 png2">
                    <div class="text1">
                        <div class="w-y">
                            <p>和家庭139套餐</p>
                            <span>
                                1、套餐费139元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>和家庭139套餐</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">139</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>

        <!--第3个：-->
        <div class="f-left pro">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-home"></i>
                <span>和家庭</span>
            </div>
            <div class="div02">
                <div class="div02-1 png2">
                    <div class="text1">
                        <div class="w-y">
                            <p>和家庭169套餐</p>
                            <span>
                                1、套餐费169元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>和家庭169套餐</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">169</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>

        <!--第4个：-->
        <div class="f-left pro-4">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-kuandai"></i>
                <span>纯宽带</span>
            </div>
            <div class="div02">
                <div class="div02-1 png3">
                    <div class="text1">
                        <div class="w-y">
                            <p>宽带40元包月套餐（保底型）</p>
                            <span>
                                1、套餐费40元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>宽带40元包月套餐（保底型）</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">40</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>


        <!--第5个：-->
        <div class="f-left pro pro-4">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-kuandai"></i>
                <span>纯宽带</span>
            </div>
            <div class="div02">
                <div class="div02-1 png3">
                    <div class="text1">
                        <div class="w-y">
                            <p>宽带50元包月套餐（保底型）</p>
                            <span>
                                1、套餐费50元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>宽带50元包月套餐（保底型）</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">50</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>

        <!--第6个：-->
        <div class="f-left pro pro-4">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-kuandai"></i>
                <span>纯宽带</span>
            </div>
            <div class="div02">
                <div class="div02-1 png3">
                    <div class="text1">
                        <div class="w-y">
                            <p>宽带60元包月套餐（保底型）</p>
                            <span>
                                1、套餐费60元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>宽带60元包月套餐（保底型）</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">60</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>

        <!--第7个：-->
        <div class="f-left pro pro-4">
            <div class="div01">
                <img src="../image/mark-xianshi.png">
                <i class="iconfont icon-kuandai"></i>
                <span>纯宽带</span>
            </div>
            <div class="div02">
                <div class="div02-1 png3">
                    <div class="text1">
                        <div class="w-y">
                            <p>宽带60元包月套餐</p>
                            <span>
                                1、套餐费60元/月，按日摊分月末补足（生效当月不补足）。</br>
                                2、带宽50Mbps，不限时长。</br>
                                3、对应的手机保底消费38元/月（不含宽带费和代收费）。
                            </span>
                        </div>
                    </div>
                    <div class="text2">
                        <div class="y-w">
                            <p>宽带60元包月套餐</p>
                        </div>
                    </div>
                </div>
                <div class="clear div02-2">
                    <h1 class="f-left">60</h1>
                    <span class="f-left">元/月</span>
                    <button type="button">立即抢购</button>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 第七层 产品介绍 结束 -->


<!-- 第八层 自助服务 开始 -->
<section id="floor8">
    <div class="safe">
        <div class="up">
            <div class="index">
                <span>自助服务</span>
            </div>
        </div>
        <div class="down">
            <div class="clear wks">
                <div class="f-left wk">
                    <div>
                        <img src="../image/img1.png">
                        <p>宽带密码修改</p>
                    </div>
                </div>
                <div class="f-left wk">
                    <div>
                        <img src="../image/img1.png">
                        <p>宽带密码重置</p>
                    </div>
                </div>
                <div class="f-left wk">
                    <div>
                        <img src="../image/img1.png">
                        <p>互联网电视密码修改</p>
                    </div>
                </div>
                <div class="f-left wk">
                    <div>
                        <img src="../image/img2.png">
                        <p>宽带提速测试</p>
                    </div>
                </div>
                <div class="f-left wk">
                    <div>
                        <img src="../image/img3.png">
                        <p>宽带下载测试</p>
                    </div>
                </div>
                <div class="f-left wk-mar">
                    <div>
                        <img src="../image/img4.png">
                        <p>排障手册</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
<!-- 第八层 自助服务 结束 -->

<!-- 第九层 帮助 开始 -->
<section id="floor9">
    <div class="safe f9s">
        <div class="f9-1 dis">
            <div class="iii">
                <i class="iconfont icon-yiwen dis"></i>
                <p class="dis">新手指南</p>
            </div>
            <div class="text">
                <span>购机常见问题</span>
                <span>购号常见问题</span>
                <span>购买手机流程</span>
                <span>购买号码流程</span>
            </div>
        </div>
        <div class="f9-2 dis">
            <div class="iii">
                <i class="iconfont icon-zhifu-01 dis"></i>
                <p class="dis">付款方式</p>
            </div>
            <div class="text">
                <span>网银支付</span>
            </div>
        </div>
        <div class="f9-3 dis">
            <div class="iii">
                <i class="iconfont icon-wuliupeisong dis"></i>
                <p class="dis">物流和售后</p>
            </div>
            <div class="text">
                <span>配送说明</span>
                <span>退换货流程</span>
            </div>
        </div>
        <div class="f9-4 dis">
            <div class="iii-4">
                <img src="../image/phone.png" class="img-4 dis">
                <!--<i class="iconfont icon-yingyeting1 dis"></i>  自己做的图标偏小-->
                <p class="dis">手机营业厅</p>
            </div>
            <div class="img">
                <img src="../image/ewm.png">
            </div>
        </div>
    </div>
</section>
<!-- 第九层 帮助 结束 -->

<!-- 网页尾部 开始 -->
<footer>
    <div class="safe foot">
        <div>
            <nav>
                <a href="#">新闻中心</a>
                <a href="#">诚聘英才</a>
                <a href="#">采购信息</a>
                <a href="#">企业合作</a>
                <a href="#">联系我们</a>
                <a href="#">站点导航</a>
                <a href="#">中国移动研究院</a>
                <a href="#">中国移动设计院</a>
                <a href="#">网站地图</a>
                <a href="#" class="bor-none">友情链接</a>
            </nav>
        </div>
        <div>
            <span>掌上营业厅：wap.10086.cn</span>
            <span>语音自助服务：10086</span>
            <span>短信营业厅：10086</span>
            <span>自助终端</span>
            <span>营业厅</span>
            <span>手机营业厅下载</span>
        </div>
        <div>
            <span>Copyright©1999-2018</span>
            <span>中国移动</span>
            <span>版权所有</span>
        </div>
        <div>
            <span>中华人民共和国增值电信业务经营许可证</span>
            <span>经营许可证编号：A2.B1.B2-20100001</span>
        </div>
        <div class="last">
            <img src="../image/jpg1.jpg" class="img1">
            <img src="../image/jpg2.jpg" class="img2">
            <span>京ICP备05002571号</span>
        </div>
    </div>
</footer>
<!-- 网页尾部 结束 -->


</body>
</html>